<!doctype html>
<html><!-- InstanceBegin template="/Templates/BYL Splash Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to Bellevue Youth Link!</title>
<!-- InstanceEndEditable -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/navstate.js"></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-33574254-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<link href="css/byl-styles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="responsive-container">

    <div id="header"><a href="index.html"><img src="images/logo.jpg" width="411" height="93" border="0"></a></div> 
    
    <div id="menuwrapper">
        <div id="menu">
            <ul>
                <li><a href="overview.html">Learn About Us</a></li>
                <li><img src="images/menu-line.jpg" width="2" height="60" /></li>
                <li><a href="whats_happening.html">What&#8217;s Happening</a></li>
                <li><img src="images/menu-line.jpg" width="2" height="60" /></li>
                <li><a href="get_involved.html">Get Involved</a></li>
            </ul>
        </div>
    </div>
    
  <div id="sub-menu">
        <a href="contact_us.html">Contact Us</a>
		<a href="forms.html">Forms & Downloads</a>
        <a href="alumni.html">Alumni</a>
        </div>
        
    
<div id="content">
  <!-- InstanceBeginEditable name="Main Content" -->
 		<div id="main-page-left">
        
            <span class="content-heading">We're happy to hear your feedback!</span>

        	<div id="main-page-left-content">
       		<br />

            
            <form method="post" action = "mailto:bellevueyouthlink@gmail.com" id="byl-feedback-form" nonvalidate>
            <fieldset>
                	<label for="first-name">Name</label>
                    <div>
                    <input type="text" name="first-name" id="first-name" maxlength="35" class="input" tabindex="1">
                    </div>
             </fieldset>
             
             <fieldset>
                 <label for="nature-of-inquiry">Subject</label>
                 <div>
                 <input type = "text" name="nature-of-inquiry" maxlength="35" id="nature-of-inquiry" list="inquiries" class='input'>	
                 <datalist id = "inquiries">
                    <option value="Program Information">
                    <option value="Other">
                    
                </datalist>
                </div>
            </fieldset>
			
            <fieldset>
            	<label for="message">Message</label>
                <div>
                <textarea name="message" class="message" type="text" maxlength="1000" id="message" tabindex="3" class='input' ></textarea>
                </div>
            </fieldset>
            
            <fieldset>
            	<div class="label">
                <input type="submit" value="Submit" title="To submit, first complete the info above" class="submit"/> 
                </div>
			</fieldset>

            </form>
    	    </div> <!-- end .main-page-left-content -->
        </div> <!-- end .main-page-left -->

		<div id="right-sidebar">
            <div class="right-sidebar-content">
                <span class="content-sub-heading">Other ways to get in touch with us: </span>
                
                <p>
                <span class="content-in-head">By email: </span>
                </br>
                Anofficialemail@youthlink.com
                </p>
                                  
                <p>
                <span class="content-in-head">By phone: </span>
                </br>
                +1 (425) 123 4567 </br>
                Ask for Patrick
                </p>
                
                <p>
                <span class="content-in-head">By post: </span>
                </br>
                Bellevue Youth Link </br>
                Attn: An awesome person </br>
                1234 NE 8th St </br>
                Bellevue, WA  98004
                </p>
            
   		    </div> <!-- end .right-sidebar-content -->
        </div> <!-- end .right-sidebar -->


  <!-- InstanceEndEditable -->
</div>
  
  
  <div id="footer">
    <table width="700" border="0" cellpadding="3" cellspacing="1" class="footer-link-text">
        </tr>
        <tr>
            <td valign="top">
            	<a href="overview.html" class="footer-heading-text">Learn About Us</a><br />
                <a href="past_projects.html">Past Projects</a><br />
                <a href="sponsors.html">Our Sponsors</a></td>
            <td valign="top">
            	<a href="whats_happening.html" class="footer-heading-text">What&#8217;s Happening</a><br />
                <a href="calendar.html">Calendar</a><br />
                <a href="events.html">Events</a><br /></td>
            <td valign="top">
            	<a href="get_involved.html" class="footer-heading-text">Get Involved</a><br />
            	<a href="youth_council.html">Youth Council</a><br />
                <a href="action_teams.html">Action Teams</a><br />
                <a href="youth_link_board.html">Youth Link Board</a><br /></td>
            <td valign="top">
            	<br/>
                <a href="contact_us.html">Contact Us</a><br />
                <a href="forms.html">Forms &amp; Downloads</a><br />
                <a href="alumni.html">Alumni</a></td>
         </tr>
    </table>
      <br />
      &copy; City of Bellevue / Bellevue Youth Link
  </div>
</div>
<script language="javascript">
	window.onload = setNavState;
</script>
</body>
<!-- InstanceEnd --></html>

